<template>
  <div class="panel panel-default">
    <div class="panel-body">
      <route name="home-page" :comp={name:'meter-missionsearch'}></route>
    </div>

    <div class="panel-footer">
      <ul>
        <a href="#" @click="this.$goto('meter-missionsearch', {}, 'main')" class="active"><li>
          <img src="../../assets/cbrenwu.png" alt="抄表任务">
          <h5>抄表任务</h5>
        </li></a>
        <a href="#" @click="this.$goto('meter-missionsearch', {}, 'main')" class="active"><li>
          <img src="../../assets/yonghuchaxun.png" alt="用户查询">
          <h5>用户查询</h5>
        </li></a>
        <a href="#" @click="this.$goto('meter-missionsearch', {}, 'main')" class="active"><li>
        <img src="../../assets/lishichaxun.png" alt="历史查询">
          <h5>历史查询</h5>
        </li></a>
        <a href="#" @click="this.$goto('meter-missionsearch', {}, 'main')" class="active"><li>
          <img src="../../assets/shezhi.png" alt="设置">
          <h5>设置</h5>
        </li></a>
      </ul>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import appData from '../../../src/components/appData'

export default {
  title: '主界面',
  data() {
    return {
      appData: appData
    }
  },
  methods: {
    output(){
      Vue.delete(appData, 'loginUser')
      this.$goto('login',{}, 'login')
    }
  }
}
</script>
